// 定义指令
import Vue from "vue"
import store from '@/store'

Vue.directive('imgerror',{
  // inserted以开始执行
  inserted(el, {value}){
    // 如果图片的src地址为空
    if(!el.src){
      el.src= value
    }
    // 等图片加载失败，然后替换图片的src属性
    el.onerror = function() {
      el.src = value
    }
  },
  // update更新的时候也要执行
  update(el,{value}) {
   // 如果图片的src地址为空
   if(!el.src){
     el.src = value
   }
   // 等图片加载失败，然后替换图片的src属性
   el.onerror = function () {
     // console.log('图片加载失败了')
     el.src = value
   }
  }

})
// 权限控制按钮 优化二
Vue.directive('check', {
  inserted(el,{value}){
    // console.log(value)
    const points = store.state.user.userInfo.roles?.points
    const has = points?.some(item => item.toLowerCase() === value.toLowerCase())
    if (!has) {
      // el.style.display = 'none'
      // 删除这个元素
      el.remove()
      // el.parentNode.removeChild(el)
    }
  }
})
